<template>
  <div style="background-color: #fff; padding: 80px;overflow: hidden;padding-top:40px">
      <div class="dzlist">
 <GedanItem v-for="v in [...gdList]" :data='v'/>
        </div>
  </div>
</template>

<script>
import api from "@/api/index"
import GedanItem from "@/components/GedanItem"
  export default {
    components: {
        GedanItem,
    },
      data() {
          return {
          gdList:[]
          }
      },
      mounted () {
     api.gedanlist().then(res=>{
this.gdList=res.data
    })
    
      },
      methods: {
       
      },
     
  }
</script>

<style lang="scss" scoped>
.dzlist{
   
    width: 1080px;
    display: flex;
        flex-wrap: wrap;
    >div{
        margin-bottom: 40px;
        margin-right: 40px;
    }
}
</style>